module.exports = {
	future: {
	    purgeLayersByDefault: true,
	},
	purge: {
		enabled: process.env.NODE_ENV === 'production' ? true : false,
		content: [
			'./src/pages/**/*.js',
			'./src/pages/**/*.ejs'
		]
	},
	darkMode: false, // or 'media' or 'class'
	theme: {
		extend: {},
		padding:{
			'0': '0px',
			'1': '1px',
			'2': '2px',
			'3': '3px',
			'4': '4px',
			'5': '5px',
			'6': '6px',
			'8': '7px',
			'10': '10px',
			'12': '12px',
			'16': '16px',
			'20': '20px',
			'24': '24px',
			'32': '32px',
			'40': '40px',
			'48': '48px',
			'56': '56px',
			'64': '64px',
			'100': '100px'
		},
		margin: {
			'center': '0 auto',
			'0': '0px',
			'1': '1px',
			'2': '2px',
			'3': '3px',
			'4': '4px',
			'5': '5px',
			'6': '6px',
			'8': '7px',
			'10': '10px',
			'12': '12px',
			'16': '16px',
			'20': '20px',
			'24': '24px',
			'32': '32px',
			'40': '40px',
			'48': '48px',
			'56': '56px',
			'64': '64px',
			'200': '200px'
		},
		borderRadius: {
			"6": '6px',
			"12": '12px'
		},
		fontSize: {
			'0': '0px',
			'1': '1px',
			'2': '2px',
			'3': '3px',
			'4': '4px',
			'5': '5px',
			'6': '6px',
			'8': '7px',
			'10': '10px',
			'12': '12px',
			'16': '16px',
			'20': '20px',
			'24': '24px',
			'32': '32px',
			'40': '40px',
			'48': '48px',
			'56': '56px',
			'64': '64px',
		}
	},
	variants: {
		extend: {},
	},
	plugins: [],
}